@mixin nativeList {
	margin: 1em 0 1em 40px;
	
	ul,
	ol {
		margin-bottom: 0;
		margin-top: 0;
	}
	
	li {
		margin: 5px 0;
	}
}

@mixin commaSeparated {
	> li {
		&:not(:last-child):after {
			content: ",";
			padding-left: 1px;
		}
	}
}

@mixin dotSeparated {
	> li {
		&:not(:last-child):after {
			content: "\00b7";
			margin-left: 5px;
		}
	}
}

@mixin inlineList {
	display: flex;
	flex-wrap: wrap;
	
	> li {
		flex: 0 1 auto;
		
		&:not(:last-child) {
			margin-right: 5px;
		}
	}
	
	/* adds a comma after each list item */
	&.commaSeparated {
		@include commaSeparated;
	}
	
	/* adds a dot after each list item */
	&.dotSeparated {
		@include dotSeparated;
	}
}
